// 头部
$('.header-main .site').hover(function(e) {
    $(this).addClass('site1');
    $('.side-main').addClass('show')
}, function(e) {
    $(this).removeClass('site1');
    $('.side-main').removeClass('show').hover(function() {
        $(e.target).addClass('site1');
        $('.side-main').addClass('show')
    }, function() {
        $(e.target).removeClass('site1');
        $('.side-main').removeClass('show')
    })
});


$('.header-main-right li:nth-child(5)').hover(function(e) {
    $(this).addClass('li1');
    $('.side-nav').addClass('show')
}, function(e) {
    $(this).removeClass('li1');
    $('.side-nav').removeClass('show').hover(function() {
        $(e.target).addClass('li1');
        $(this).addClass('show')
    }, function() {
        $(e.target).removeClass('li1');
        $(this).removeClass('show')
    })
});

// 购物车
$('.shop').hover(function(e) {
    $(this).addClass('shop1');
    $('.shop-nav').addClass('show')
}, function(e) {
    $(this).removeClass('shop1');
    $('.shop-nav').removeClass('show').hover(function() {
        $(e.target).addClass('shop1');
        $(this).addClass('show')
    }, function() {
        $(e.target).removeClass('shop1');
        $(this).removeClass('show')
    })
});
// 二级菜单
$(".c_list_ul>li").hover(function() {
    $(".c_navs").css("display", "block");
    $(".c_navs_con").eq($(this).index()).addClass("c_navs_xian").siblings().removeClass("c_navs_xian");
}, function() {
    $(".c_navs").css("display", "none");
    $(".c_navs").hover(function() {
        $(".c_navs").css("display", "block");
    }, function() {
        $(".c_navs").css("display", "none");
    });
});
// 轮播图

var flag = 0;

function timeFun() {
    setTimeID1 = setInterval(function() {
        console.log(flag);
        if (flag < $(".c_focus span").length - 1) {
            flag++;
            $(".c_focus span").eq(flag).addClass("c_focus_s").siblings().removeClass("c_focus_s");
            $(".c_banner_list li").eq(flag).addClass("c_on").siblings().removeClass("c_on");
        } else {
            flag = 0;
            $(".c_focus span").eq(flag).addClass("c_focus_s").siblings().removeClass("c_focus_s");
            $(".c_banner_list li").eq(flag).addClass("c_on").siblings().removeClass("c_on");
        }

    }, 2000);
};
timeFun();
$(".c_banner_list").hover(function() {
    clearInterval(setTimeID1);
}, function() {
    timeFun();
})
$(".c_focus span").mouseover(function() {
    clearInterval(setTimeID1);
    flag = $(this).index();
    $(".c_focus span").eq(flag).addClass("c_focus_s").siblings().removeClass("c_focus_s");
    $(".c_banner_list li").eq(flag).addClass("c_on").siblings().removeClass("c_on");
    timeFun();
});

$.getJSON("../mock/clothingMall.json", function(data) {
    // 女装
    var womens = $('.c_conter2 .c_right_con_bottom ul');
    clothingMallFun(data[0].woman[0], womens);
    $(".c_women_li").mouseover(function() {
        $(this).addClass('c_in').siblings().removeClass('c_in');
        var indexValue = $(this).index();
        clothingMallFun(data[0].woman[indexValue], womens);
    });
    // 男装
    var mens = $('.c_conter3 .c_right_con_bottom ul');
    clothingMallFun(data[0].man[0], mens);
    $(".c_men_li").mouseover(function() {
        $(this).addClass('c_in').siblings().removeClass('c_in');
        var indexValue = $(this).index();
        clothingMallFun(data[0].man[indexValue], mens);
    });
    // 服饰配件
    var garments = $('.c_conter4 .c_right_con_bottom ul');
    clothingMallFun(data[0].dressAccessory[0], garments);
    $(".c_garment_li").mouseover(function() {
        $(this).addClass('c_in').siblings().removeClass('c_in');
        var indexValue = $(this).index();
        clothingMallFun(data[0].dressAccessory[indexValue], garments);
    });
    // 内衣
    var underwears = $('.c_conter5 .c_right_con_bottom ul');
    clothingMallFun(data[0].underwear[0], underwears);
    $(".c_underwear_li").mouseover(function() {
        $(this).addClass('c_in').siblings().removeClass('c_in');
        var indexValue = $(this).index();
        clothingMallFun(data[0].underwear[indexValue], underwears);
    });
    // 户外运动
    var exercises = $('.c_conter6 .c_right_con_bottom ul');
    clothingMallFun(data[0].outdoorSport[0], exercises);
    $(".c_exercise_li").mouseover(function() {
        $(this).addClass('c_in').siblings().removeClass('c_in');
        var indexValue = $(this).index();
        clothingMallFun(data[0].outdoorSport[indexValue], exercises);
    });
});
// 
function clothingMallFun(data, ele) {
    var clothingMallStr = "";
    for (var i = 0; i < data.length; i++) {
        if (data[i].goods_id) {
            clothingMallStr += `
            <li>
                <img src="${data[i].goods_thumb.nowurl}" alt="">
                <a href="./details.html?id='${data[i].goods_id}'">${data[i].goods_title}</a>
                <span>${"￥"+data[i].goods_price}</span>
            </li>`
        } else {
            clothingMallStr = "";
        }
    };
    ele.html(clothingMallStr);
};


// 随手购 

var flage = 0;
var num = -1200;
$(".c_conter6_list").hover(function() {
    $(".c_conter6 i").css("display", "block")
}, function() {
    $(".c_conter6 i").css("display", "none");
    $(".c_conter6 i").hover(function() {
        $(".c_conter6 i").css("display", "block")
    }, function() {
        $(".c_conter6 i").css("display", "block")
    });
});
$(".c_right_i").click(function() {
    if (flage >= 2) {
        flage = 2;
        return;
    } else {
        $(".c_conter6_list").css("left", (flage + 1) * num + "px");
        $(".c_main_head div span").eq(flage + 1).addClass("c_span_on").siblings().removeClass("c_span_on");
        flage++;
    };
});
$(".c_left_i").click(function() {
    if (flage <= 0) {
        flage = 0;
        return;
    } else {
        $(".c_conter6_list").css("left", (flage - 1) * num + "px");
        $(".c_main_head div span").eq(flage - 1).addClass("c_span_on").siblings().removeClass("c_span_on");
        flage--;
    };
});
$(".c_main_head div span").mouseover(function() {
    $(this).addClass("c_span_on").siblings().removeClass("c_span_on");
    flage = $(this).index() - 1;
    $(".c_right_i").click();
});

// 楼层导航
var mainSetoff = $(".c_main").offset().top;
$(window).scroll(function() {
    if ($(this).scrollTop() >= mainSetoff) {
        $(".c_floorNav").show(200);
    } else {
        $(".c_floorNav").hide(200);
    };
    $(".c_main>div").each(function(index, value) {
        if ($(window).scrollTop() >= value.offsetTop) {
            $('.c_floorNav>a').eq(index).addClass('c_floorNav_a').siblings().removeClass('c_floorNav_a');
        };
    });
});
$(".c_floorNav>a").click(function(e) {
    var indexValue = $(e.target).index();
    var topValue = $('.c_main>div').eq(indexValue).offset().top + 1;
    $('html').animate({
        scrollTop: topValue
    }, 800);
});
// 回到顶部
$('.c_floorNav>i').click(function() {
    $('html').animate({
        scrollTop: 0
    }, 1000);
});

// ----------------侧边栏通用------------------------
var liEs = document.querySelectorAll('#quick_links ul li');
var ibar_login_box = document.querySelector('.ibar_login_box');
// console.log(liEs);
liEs[0].onmouseover = function() {
    ibar_login_box.style.display = 'block';
}

liEs[0].onmouseout = function() {
    ibar_login_box.style.display = 'none';
}

//---------------侧边栏(下面每一项)------------------------
var onEle = document.querySelectorAll('.ones');
var mp_tooltip = document.querySelectorAll('.mp_tooltip');
// console.log(onEle);
// console.log(mp_tooltip);
function side() {
    for (var i = 0; i < mp_tooltip.length; i++) {
        mp_tooltip[i].className = 'mp_tooltip';
    }
}

;
for (var j = 0; j < onEle.length; j++) {
    onEle[j].index = j;
    onEle[j].onmouseover = function() {
        side();
        mp_tooltip[this.index].className = 'mp_tooltip ele';
    }
    onEle[j].onmouseout = function() {
        side();
    }
}

// ---------------------------侧边栏右侧出现-------------------
var shopCart = document.querySelector('#shopCart');
var ibar_closebtn = document.querySelector('.ibar_closebtn');
var quick_links_wrap = document.querySelector('.quick_links_wrap');
shopCart.onclick = function() {
    quick_links_wrap.style.width = '320px';
}

ibar_closebtn.onclick = function() {
    quick_links_wrap.style.width = '40px';
}

$('.returnTop').click(function(e) {
    $("html").animate({
        scrollTop: 0
    }, 1000);
});
var mainOffsetTop = $("#brand").offset().top;
$(window).scroll(function(e) {
    if ($(window).scrollTop() >= mainOffsetTop) {
        $('.returnTop').addClass('show');
    } else {
        $('.returnTop').removeClass('show');
    }
});
$(function() {
    $(window).scroll(function() {
        if ($(window).scrollTop() >= 240) {
            $('.returnTop').addClass('show');
        } else {
            $('.returnTop').removeClass('show');
        }
    });
});